@charset "UTF-8";
/* 
    1. sass 文件的后缀是 .scss

    2. sass 文件里面完全兼容 css 语法

    3. 写sass独有的变量，四则运算，嵌套
    变量：$baseColor: #0f0;

    js类比：var baseColor = "#0f0";
*/
* {
  margin: 0;
  padding: 0;
}

.box {
  width: 100px;
  height: 200px;
  background: #0f0;
}

.box1 {
  width: 300px;
  height: 50px;
  border: 40px solid #000;
  padding: 10px;
  font: 14px/28px;
  background: #0f0;
}

/* .list{
    list-style: none;
}

.list .item {
    width: 100px;
    height:20px;
    line-height:20px;
    border: 1px solid #000;
    margin-bottom:20px;
    background: $baseColor;
    text-align: center;
}

.list .active {
    background-color: gold;
}

.list .item:hover {
    background-color: gold;
}    */
.list {
  list-style: none;
}

.list .item {
  width: 100px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #000;
  margin-bottom: 20px;
  background: #0f0;
  text-align: center;
}

.list .item:hover {
  background-color: gold;
}

.list .active {
  background-color: gold;
}
